@font-face {
    src: url('../fonts/fonts.ttf');
    font-family: HYf3gj;
}

.banner-box {
    img {
        width: 100%;
    }
}

.top {
    padding: 0 160px;
    background: #94A8B8;
    color: #ffffff;

    .top-title {
        font-size: 36px;
        font-family: HYf3gj;
    }

    .menu-box {
        ul {
            display: flex;
            margin-bottom: 0;

            a {
                text-align: center;
                position: relative;
                font-size: 18px;
                padding: 60px 20px;
                display: block;
                color: #ffffff;
            }

            .active {
                font-size: 20px;
                font-weight: bold;
                min-width: 120px;
                margin: 0 30px;
                background: map-get($map: $colors, $key: '799');
                border-bottom: 5px solid #ffffff;
            }
        }
    }
}

@media screen and (max-width: 750px) {
    .top {

        .top-title {
            font-size: 0.48rem;
        }

        padding: 0.4rem 0.4667rem;

        .menu-box {
            a {
                padding: 0 !important;
                text-align: left !important;
            }

            ul {
                flex-direction: column;
                justify-content: flex-start;
            }
        }

        .bi-list {
            color: #fff;
        }
    }

    .list-box {
        .card-body {
            padding: 0 0.3rem;
            height: 100vh;
            border-radius: 0;
            position: fixed;
            width: 100%;
            z-index: 999;
            width: 100vw;
            left: 0;
            top: 0;
            background: #94A8B8;
        }
    }

    .phone-menu-list {
        li {

            font-size: 0.4rem;
            padding: 0.38rem 0;
            border-bottom: 0.02rem solid #fff;
        }

        a {
            color: #fff;
        }
    }

    .phone-card-top {
        padding-top: 0.4rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        img {
            width: 0.48rem;
            height: 0.4rem;
        }
    }

    .noMove {
        overflow: hidden;
        height: 100vh;
    }

}